//显示注册框
$('#goto-register').on('click',()=>{
    $('#register').show()
})
//注册
$('#register .layui-form').on("submit",(e)=>{

    e.preventDefault()

    const dataStr = $('#register form').serialize()

    axios.post('http://api-breakingnews-web.itheima.net/api/reguser',dataStr).then(res=>{
    // console.log(res);
    const {message,status} = res.data
    layer.msg(message)
    if (status === 0) {
        $('#register').hide()
    } else {
        
    }

    })

})
//登陆
$('#login form').on("submit",(e)=>{

    e.preventDefault()

    const dataStr = $('#login form').serialize()

    axios.post('http://api-breakingnews-web.itheima.net/api/login',dataStr).then(res=>{
    // console.log(res);
    const {message,status,token} = res.data
    layer.msg(message)
    if (status === 0) {
        //获取密钥
        localStorage.setItem('token',token)
        location.href='/index.html'
    }

    })
})
//显示登录框
$('#goto-login').on('click',()=>{
    $('#register').hide()
})
//判断密码用户名规则
const form = layui.form
form.verify({ // 指定规则名和对应的验证规则
    username: [ // 用户名
        /^[a-z0-9]{6,10}$/,
        '账号名是6到10位由数字, 小写字母组成'
    ],
    password: [ // 密码
        /^[\S]{6,10}$/,
        '密码是6到10位, 不能有空格'
    ],
    // 注册页-确认密码
    repwd: function (value) { // 为什么用函数, 因为不光要获取这个规则对应的标签的值, 还需要用jQ获取另外一个标签的值
        return ($(".pwd").val() !== value) && '两次密码不相同'
    },
})